﻿<!DOCTYPE html>
<html>
<head>
    <title>卓远网络-提交工单</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>
    <link href="__TMPL__/public/assets/css/slippry/slippry.css" rel="stylesheet">
     <link href="__TMPL__/public/assets/gongdan/css/style.css" rel="stylesheet">
    
    <!-- Bootstrap -->

    <style>
        .caption-wraper {
            position: absolute;
            left: 50%;
            bottom: 2em;
        }

        .caption-wraper .caption {
            position: relative;
            left: -50%;
            background-color: rgba(0, 0, 0, 0.54);
            padding: 0.4em 1em;
            color: #fff;
            -webkit-border-radius: 1.2em;
            -moz-border-radius: 1.2em;
            -ms-border-radius: 1.2em;
            -o-border-radius: 1.2em;
            border-radius: 1.2em;
        }

        .tc-gridbox {
            margin: 0;
        }

        @media (max-width: 767px) {
            .caption-wraper {
                left: 0;
                bottom: 0.4em;
            }

            .caption-wraper .caption {
                left: 0;
                padding: 0.2em 0.4em;
                font-size: 0.92em;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
            }
        }

    </style>
    <hook name="before_head_end"/>
</head>
<body class="body-white">
<include file="public@nav"/>

<div style="padding-top: 100px;"></div>

<div class="container">
        <div class="gd-bt200" style="height:20px"></div>
        <div class="row">
           	
				<div class="col-md-12">
				<a href="{:url('portal/index/gongdan')}" style="color: #333">
					<div class="gd-fh-img">
						<img src="__TMPL__/public/assets/gongdan/images/fh.png">
					</div>
					<span class="gd-fh-line">返回我的工单</span>
					</a>
				</div>
        </div>
        <div class="gd-bt50"></div>
        <form class="gd-form js-ajax-form" action="{:url('portal/index/add_gd')}" method="post">
        <div class="gd-nr">
            <ul>
                
                <li>
                    <div class="gd-nr-bt">标题：&nbsp;</div>
                    <div class="gd-nr-nr">
                        
                            <div class="form-group">
                                <input type="text" id='title' class="form-control" data-msg="请填写标题！"  name="post[title]" placeholder="输入工单标题">
                            </div>
                       
                    </div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="gd-nr-bt">分类：&nbsp;</div>
                    <div class="gd-nr-nr">
                       
                      <?php $i=0; foreach($type as $list){ ?>
                        <label class="radio-inline">
                            
                            <input type="radio" <?php if($i==0){echo 'checked="checked"';$i++;} ?> name="post[type]" value="{$list.type} ">{$list.type} 
                           
                        </label>
                        
                      <?php $i++; } ?>
                    </div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="gd-nr-bt">内容：&nbsp;</div>
                    <div class="gd-nr-nr">
                        <textarea type="text/plain" id="content" data-msg="请填写内容！" name="post[content]" rows="10"></textarea>
                    </div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="gd-nr-bt" style="height:1px;"></div>
                   
                    <div class="clear"></div>
                </li>
            </ul>
        </div>
        <div class="gd-bt50"></div>
        <div class="text-center">
           
            <button class="btn btn-info js-ajax-submit" type="button" onclick="checkInput();" style="padding: 15px 100px;">确定</button>
        </div>
        </form>
         <include file="public@footer"/>
    </div>
<!-- /container -->
<include file="public@scripts"/>

<script type="text/javascript" src="__STATIC__/js/admin.js"></script>
<script type="text/javascript">
    //编辑器路径定义
    var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/layer/layer.js"></script>
<script type="text/javascript">
    $(function () {

        editorcontent = new baidu.editor.ui.Editor({toolbars:[['attachment','simpleupload','insertimage']]});
        editorcontent.render('content');
        try {
            editorcontent.sync();
        } catch (err) {
        }
	})
</script>
<script>
        $('#title').click(function(){
            $('#title').removeAttr('style');
        });
        var checkInput=function(e){
            if($('#title').val().trim().length==0){
                $('#title').css('border','1px solid red');
                layer.msg('请输入工单标题！');
                return false;
            }else{
                $('.gd-form').submit();
            }
        };
    $(function () {
        $("#home-slider").slippry({
            transition: 'fade',
            useCSS: true,
            captions: false,
            speed: 1000,
            pause: 3000,
            auto: true,
            preload: 'visible'
        });
        $("#home-slider").show();
    });
</script>
<script src="__TMPL__/public/assets/js/slippry.min.js"></script>
<hook name="before_body_end"/>
</body>
</html>